<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" 
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core" 
                xmlns:ui="http://java.sun.com/jsf/facelets" 
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                template="/prot/principal.xhtml"
                xmlns:p="http://xmlns.jcp.org/jsf/passthrough"
      >
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta charset="utf-8"/>
        <!-- Title and other stuffs -->
        <title>Login</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <meta name="description" content=""/>
        <meta name="keywords" content=""/>
        <meta name="author" content=""/>

        <!-- Stylesheets -->
        <link href="../style/bootstrap.css" rel="stylesheet"/>
        <link rel="../stylesheet" href="style/font-awesome.css"/>
        <link href="../style/style.css" rel="stylesheet"/>


        <!-- HTML5 Support for IE -->
        <!--[if lt IE 9]>
        <script src="js/html5shim.js"></script>
        <![endif]-->

        <!-- Favicon -->
        <link rel="shortcut icon" href="../img/favicon/favicon.png"/>

    </h:head>



    <h:body>

        <!-- Form area -->
        <div class="admin-form">
            <div class="container">

                <div class="row">
                    <div class="col-md-12">
                        <!-- Widget starts -->
                        <div class="widget worange">
                            <!-- Widget head -->
                            <div class="widget-head">
                                <i class="icon-lock"></i> Entrada Video Club
                            </div>

                            <div class="widget-content">
                                <div class="padd">
                                    <!-- Login form -->
                                    <h:form class="form-horizontal" id="formLogin">
                                        
                                         <!-- VideoClub -->
                                                <div class="form-group">
                                                    <label class="control-label col-lg-3" for="uvideo">VideoClub</label>
                                                    <div class="col-lg-3">

                                                        <h:selectOneMenu id="uvideo" value="#{ctrSession.selVideoCLub.codigo}"
                                                                         required="true" requiredMessage="#{msg.camporequerido}"
                                                                         styleClass="texto"
                                                                         >

                                                            <f:selectItems value="#{ctrPelicula.lstItemsVideoClub}" />

                                                        </h:selectOneMenu>
                                                        <rich:message for="uvideo" ajaxRendered="true"/>
                                                    </div>

                                                </div>

                                        
                                        <rich:messages  ajaxRendered="true" />
                                        <div class="col-lg-9 col-lg-offset-3">
                                            
                                            <h:commandButton p:type="submit" class="btn btn-danger" action="#{ctrSession.ingresar()}"  value="Ingresa"/>
                                            
                                           
                                        </div>
                                        
                                        <br />
                                       
                                    </h:form>

                                </div>
                            </div>
                            
                            <div class="widget-foot">
                                
                                Universidad Politécnica de Valencia
                            </div>
                        </div>  
                    </div>
                </div>
            </div> 
        </div>



        <!-- JS -->
        <script src="../js/jquery.js"></script>
        <script src="../js/bootstrap.js"></script>
    </h:body>
</html>